<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style type="text/less">
		@r:.my.color-r();
		.my(){
			.color-r{
				color:red;
			}
			.color-g{
				color:green;
			}
			.color-y{
				color:yellow;
			}
		}
		.app{
			.one{
				//.my.color-r();
				//.my .color-r();
				//.my>.color-r();
				@r();
			}
			.two{
				.my.color-g();
			}
			.three{
				.my.color-y();
			}
		}
	</style>
	<script src="lib/less.min.js"></script>
</head>
<body>
<div class="app">
	<div class="one">11111</div>
	<div class="two">22222</div>
	<div class="three">33332</div>
</div>
</body>
</html>